#{extends 'main.html' /}
#{set title:'Home' /}

<div class="post">
	<!-- INI: Lista de amigos -->
	<fieldset>
		<legend>Mis amigos</legend>
		<form action="@{portal.ConfiguracionCuenta.delAmigos()}" method="POST">
			<table>
				#{list items:amigos, as:'iter'}
					<tr>
						<td><input type="checkbox" name="amigos" id="amigos" value="${iter.id}" /></td>
						<td>${iter.username}</td>
					</tr>
				#{/list}
	
				<tr><td colspan="2"> </td></tr>
				#{if amigos.size() > 0}
					<tr><td colspan="2"><input type="submit" value="Eliminar amigos" /></td></tr>
				#{/if}
				#{if amigos.size() == 0}
					<tr><td colspan="2">No tienes amigos</td></tr>
				#{/if}
			</table>
		</form>
	</fieldset>
	<!-- FIN: Lista de amigos -->

	<br />
	<br />

	<!-- INI: Lista de posibles amigos -->
	<fieldset>
		<legend>Posibles amigos</legend>
		<form action="@{portal.ConfiguracionCuenta.addAmigos()}" method="POST">
			<table>
				#{list items:noAmigos, as:'iter'}
					<tr>
						<td><input type="checkbox" name="amigos" id="amigos" value="${iter.id}" /></td>
						<td>${iter.username}</td>
					</tr>
				#{/list}
				
				<tr><td colspan="2"> </td></tr>
				#{if noAmigos.size() > 0}
					<tr><td colspan="2"><input type="submit" value="Agregar Amigos" /></td></tr>
				#{/if}
				#{if noAmigos.size() == 0}
					<tr><td colspan="2">Todos los usuarios son ya tus amigos</td></tr>
				#{/if}
			</table>
		</form>
	</fieldset>
	<!-- FIN: Lista de posibles amigos -->
</div>
